<!DOCTYPE html>
<html lang="zh">
<head>
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
    <meta name="format-detection" content="telephone=no">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>广告资源列表</title>
    <link href="css/main.css" type="text/css" rel="stylesheet" />
    <link href="css/swiper.min.css" rel="stylesheet" type="text/css"/>
</head>
<body id="ggzylb">
<div class="container" >
    <div class="at_top_bg">
        <div id="at_top_title" class="swiper-container swiper-container-horizontal">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <img src="tmp/bg_banner.jpg"/>
                </div>
                <div class="swiper-slide">
                    <img src="tmp/bg_banner.jpg"/>
                </div>
                <div class="swiper-slide">
                    <img src="tmp/bg_banner.jpg"/>
                </div>
            </div>
            <div class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets">
                <span class="swiper-pagination-bullet"></span>
                <span class="swiper-pagination-bullet"></span>
                <span class="swiper-pagination-bullet"></span>
            </div>
        </div>
    </div>
    <ul class="tab_ggzylb clearfix">
        <li >
            <div class="tab-bt ">
                实体广告
            </div>
        </li>
        <li class="active">
            <div class="tab-bt">
                互联网广告
            </div>
        </li>
    </ul>
    <div class="hlwList">
        <div class="daily-goods">
          <ul class="daily-goods-cont" style="margin-bottom: 1px ">
            <li  class="active">全部</li>
            <li >户外大牌</li>
            <li >其他分类</li>
            <li >其他分类</li>
            <li >其他分类</li>
            <li >其他分类</li>
            <li >其他分类</li>
            <li >其他分类</li>
            <li >其他分类</li>
        </ul>
            <ul class="daily-goods-cont">
                <li  class="active">全部</li>
                <li >户外大牌</li>
                <li >其他分类</li>
                <li >其他分类</li>
                <li >其他分类</li>
                <li >其他分类</li>
                <li >其他分类</li>
                <li >其他分类</li>
                <li >其他分类</li>
            </ul>
        </div>
        <div class="daily-detail clearfix">
            <div class="empty-list"></div>
            <a href="#" class="daily-detailList fl">
               <div class="dd_top">
                  <img src="tmp/bg_shop4.png" />
                  <span class="jiangguoqi">将过期</span>
                    <p class="tag">#报纸#报纸#报纸#报纸#报纸#报纸#报纸</p>
               </div>
               <p class="dd_biaoti">
                  公交车电视广告镇江区域全覆盖标题文字
               </p>
              <!-- <div class="dd_biaoqian">户外大牌</div>-->
               <div class="dd_address">
                   镇江市区大市口周边周边周边
               </div>
               <div class="dd_money clearfix">
                    <span class="dd_moneyLeft">500元/月</span>
                  <!--  <span class="dd_moneyRight fr">655人付款</span>-->
               </div>
           </a>
            <a href="#" class="daily-detailList fl">
                <div class="dd_top">
                    <img src="tmp/bg_shop4.png" />
                    <span class="zhekou">7.5折</span>
                    <p class="tag">#报纸#报纸#报纸#报纸#报纸#报纸#报纸</p>
                </div>
                <p class="dd_biaoti">
                    公交车电视广告镇江区域全覆盖标题文字
                </p>
                <!-- <div class="dd_biaoqian">户外大牌</div>-->
                <div class="dd_address">
                    镇江市区大市口周边周边周边
                </div>
                <div class="dd_money clearfix">
                    <span class="dd_moneyLeft">500元/月</span>
                    <!--  <span class="dd_moneyRight fr">655人付款</span>-->
                </div>
            </a>
            <a href="#" class="daily-detailList fl">
                <div class="dd_top">
                    <img src="tmp/bg_shop4.png" />
                    <span class="jiangguoqi">将过期</span>
                    <p class="tag">#报纸#报纸#报纸#报纸#报纸#报纸#报纸</p>
                </div>
                <p class="dd_biaoti">
                    公交车电视广告镇江区域全覆盖标题文字
                </p>
                <!-- <div class="dd_biaoqian">户外大牌</div>-->
                <div class="dd_address">
                    镇江市区大市口周边周边周边
                </div>
                <div class="dd_money clearfix">
                    <span class="dd_moneyLeft">500元/月</span>
                    <!--  <span class="dd_moneyRight fr">655人付款</span>-->
                </div>
            </a>
            <a href="#" class="daily-detailList fl">
                <div class="dd_top">
                    <img src="tmp/bg_shop4.png" />
                    <span class="zhekou">7.5折</span>
                    <p class="tag">#报纸#报纸#报纸#报纸#报纸#报纸#报纸</p>
                </div>
                <p class="dd_biaoti">
                    公交车电视广告镇江区域全覆盖标题文字
                </p>
                <!-- <div class="dd_biaoqian">户外大牌</div>-->
                <div class="dd_address">
                    镇江市区大市口周边周边周边
                </div>
                <div class="dd_money clearfix">
                    <span class="dd_moneyLeft">500元/月</span>
                    <!--  <span class="dd_moneyRight fr">655人付款</span>-->
                </div>
            </a>
        </div>
    </div>
   <!-- <div class="sjList">
        <div class="daily-goods">
            <ul class="daily-goods-cont">
                <li data-type="name_0" class="xuanzhong">全部</li>
                <li data-type="name_1">户外大牌</li>
                <li data-type="name_2">其他分类</li>
                <li data-type="name_3">其他分类</li>
                <li data-type="name_4">其他分类</li>
                <li data-type="name_5">其他分类</li>
                <li data-type="name_3">其他分类</li>
                <li data-type="name_4">其他分类</li>
                <li data-type="name_5">其他分类</li>
            </ul>
        </div>
        <ul class="daily-detail clearfix">
            <li class="fl">
                <div class="dd_top">
                    <img src="temp/bg_shop4.png" />
                    <span class="jiangguoqi">将过期</span>
                </div>
                <p class="dd_biaoti">
                    公交车电视广告镇江区域全覆盖标题文字
                </p>
                <div class="dd_biaoqian">户外大牌</div>
                <div class="dd_address">
                    镇江市区大市口周边周边周边
                </div>
                <div class="dd_money clearfix">
                    <span class="dd_moneyLeft fl">500元/月</span>
                    <span class="dd_moneyRight fr">655人付款</span>
                </div>
            </li>

        </ul>
    </div>-->
</div>
<script src="js/rem.js"></script>
<script src="js/jquery.js"></script>
<script src="js/swiper.jquery.min.js"></script>
<script>
    $(function(){
        $(".title_center span").click(function(){
            $(".title_center span").removeClass("click_active");
            $(this).addClass("click_active");
        })

        $(".daily-goods-cont li").click(function(){
            $(".daily-goods-cont li").removeClass("active");
            $(this).addClass("active")
        })
        $(".tab_ggzylb li").click(function(){
            $(".tab_ggzylb li").removeClass("active");
            $(this).addClass("active");

        })

    })
    $(document).ready(function () {
        var timer=null;
        var bannerSwiper = new Swiper('#at_top_title', {
            pagination: '.swiper-pagination',
            paginationClickable: true,
            autoplayDisableOnInteraction : false,
            loop:true,
            effect : 'cube',
            cube: {
                slideShadows: false,
                shadow: false
            }
        });
        /*头条滚动*/
        var newSwipers = new Swiper('#news', {
            autoplayDisableOnInteraction : false,
            direction : 'vertical',
            /*无限轮播*/
//          autoplayDisableOnInteraction: false,
            autoplay :1000,
            loop:true
        });

    })
</script>
</body>
</html>